import React from "react";
import styles from "./index.module.less";
import { Outlet, useNavigate } from "react-router-dom";
import birdIcon from "@images/flappyBird/bird0.png";

const Games = () => {
    const navigate = useNavigate();

    return (
        <div className={styles.games}>
            <div
                className={styles.game_item}
                onClick={() => {
                    navigate("/games/flappyBird");
                }}
            >
                <img src={birdIcon} alt="" />
                <p className={styles.game_name}>Flappy Bird</p>
            </div>
            <Outlet />
        </div>
    );
};

export default Games;
